<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <ui:composition> 


        <p:panel  header="Últimos productos" style="text-align: center;margin-bottom:10px;width: 1015px">

            <h:form id="form">  

                <p:dataGrid var="item" value="#{backofficeItemManagedBean.allActiveItems}" columns="3" emptyMessage="No existe ningun artículo en esta categoría." 
                            rows="6" paginator="true"  
                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                            rowsPerPageTemplate="6,12,18,24,30">  

                    <p:panel header="#{item.name}" style="text-align:center;width: 310px" >  
                        <h:panelGrid columns="1" style="width:90%">  
                            <p:graphicImage value="#{item.picture}" height="250px" /> 
                            <h:panelGrid columns="4" style="text-align: center">  
                                <h:outputText value="En stock" style="font-size: 13px; color: green;font-weight:bold;" rendered="#{item.stock()}"/>
                                <h:outputText value="Reposición de 24 a 72h" style="font-size: 13px; color: red;font-weight:bold;" rendered="#{item.reposicion()}"/>

                                <h:outputText value="#{item.price}" />  
                                <p:graphicImage value="recursos/images/za_euro.png" height="20px" /> 

                                <p:commandLink update=":form:carDetail"  ajax="false" action="#{itemManagedBean.viewItem}" title="View Detail" style="margin-left: 1px">  
                                    <p:graphicImage value="recursos/images/za_view.png" height="30px" style="margin:10 10 10 80;" />


                                </p:commandLink>  
                            </h:panelGrid>
                        </h:panelGrid>  
                    </p:panel>  

                </p:dataGrid>  


            </h:form>  
        </p:panel>



    </ui:composition>
</html>
